﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Teachers.Master" AutoEventWireup="true" CodeBehind="UI_LlistOfStudents.aspx.cs" Inherits="Espam.Idiomas.Decimo.Tesis.Web.UI_LlistOfStudents" EnableEventValidation="false" %>
<%@ Register  assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="cc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="Contenido" runat="server">
    
<script type="text/javascript">
                 window.onload = function () {
                     var seconds = 3;
                     setTimeout(function () {
                         document.getElementById("<%=lblvalida.ClientID %>").style.display = "none";
                 }, seconds * 1000);
                 };

    $().ready(function () {

        $("#<%=ddlNivel.ClientID%>").change(function () {

             // armo el objeto que servira de parametro, para ello utilizo una libreria de JSON
             //este parametro mapeara con el definido en el web service
             var params = new Object();
             params.valor = $("#<%=ddlNivel.ClientID%>").val();
                params = JSON.stringify(params);

                $.ajax({
                    type: "POST",
                    url: "UI_LlistOfStudents.aspx/getHorarios",
                    data: params,
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    async: true,
                    success: LoadCiudades,
                    error: function (XMLHttpRequest, textStatus, errorThrown) {
                        alert(textStatus + ": " + XMLHttpRequest.responseText);
                    }
                });

            });

     });

        function LoadCiudades(result) {
            //quito los options que pudiera tener previamente el combo
            $("#<%=ddlHorario.ClientID%>").html("");

            //recorro cada item que devuelve el servicio web y lo añado como un opcion
            $.each(result.d, function () {
                $("#<%=ddlHorario.ClientID%>").append($("<option></option>").attr("value", this.idHorario).text(this.horario))
            });
            
        }
</script>
       <cc1:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
    </cc1:ToolkitScriptManager>
         <div id="page-wrapper">
           
            <div class="page-content">

                <!-- begin PAGE TITLE AREA -->
                <!-- Use this section for each page's title and breadcrumb layout. In this example a date range picker is included within the breadcrumb. -->
                
                <div class="row">
                    <div class="col-lg-12">
                        <div class="page-title">
                            <h1>Estudiantes
                                <small>Listas de Estudiantes</small>
                            </h1>
                            <ol class="breadcrumb">
                                <li class="active">
                                 <asp:Label ID="lblvalida" runat="server" Text="" Visible="False"></asp:Label></li>
                                <li class="pull-right">
                                    <div id="reportrange" class="btn btn-green btn-square date-picker">
                                        <i class="fa fa-calendar"></i>
                                        <span class="date-range"></span> <i class="fa fa-caret-down"></i>
                                    </div>
                                </li>
                            </ol>
                        </div>
                    </div>
                    <!-- /.col-lg-12 -->
                </div>
                <!-- /.row -->
                <!-- end PAGE TITLE AREA -->
            </div>
          <!-- end PAGE TITLE ROW -->
                <div class="row">
               <!-- Validation Examples -->
                    <div class="col-lg-12">
                        <div class="portlet portlet-default">
                            <div class="portlet-heading">
                                <div class="portlet-title">
                                    <h4>Parámetros de Búsqueda</h4>
                                </div>
                                <div class="portlet-widgets">
                                    <a data-toggle="collapse" data-parent="#accordion" href="#validationExamples"><i class="fa fa-chevron-down"></i></a>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                            <div id="validationExamples" class="panel-collapse collapse in">
                                <div class="portlet-body">
                                   
                                <div class="portlet-body">
                                <div class="table-responsive">
                                     <div runat="server" id="idMensajeListas" visible="false">
                                        <h1 align="center"> <asp:Label ID="lblMensajeErrorListaEstudiantes" runat="server" Text=""></asp:Label></h1>
                                    </div>
                                    <table class="table" runat="server" id="tabla">
                                        <thead>
                                          
                                              <tr>
                                                <td runat="server" id="tdNivel" >Nivel:</td>
                                                <td>
                                                    <asp:DropDownList ID="ddlNivel" runat="server" CssClass="form-control" OnSelectedIndexChanged="ddlNivel_SelectedIndexChanged" ></asp:DropDownList></td>
                                                <td runat="server" id="tdHorario">Horario:</td>
                                                <td><asp:DropDownList ID="ddlHorario" runat="server" CssClass="form-control" OnSelectedIndexChanged="ddlHorario_SelectedIndexChanged" ></asp:DropDownList></td>
                                            </tr>
                                 
                               
                                        </thead>
                                        <tbody>
                                           <%--</form>--%>
                                            <tr runat="server" id="filaAceptar" visible="false">
                                                <td></td>
                                                <td></td>
                                                <td><asp:Button ID="btnCancelar" runat="server" Text="Cancelar"  CssClass="btn btn-block" OnClick="btnCancelar_Click" /></td>
                                                <td><asp:Button ID="btnGenerarLista" runat="server" Text="Generar Lista" CssClass="btn btn-dark-blue" OnClick="btnGenerarLista_Click" /></td>
                                            </tr>
                                        </tbody>
                                    </table>
                
                                </div>
                            </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- /.col-lg-12 -->
                    <!-- End Validation Examples -->
             </div>




                <!-- /.row -->

         <div class="row">
               <!-- Validation Examples -->
                    <div class="col-lg-12">
                        <div class="portlet portlet-default" runat="server" id="tableListaGeneradaEstudiantes" visible="false">
                            <div class="portlet-heading">
                                <div class="portlet-title">
                                    <h4>Lista Estudiantes</h4>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                            <div id="Div1" class="panel-collapse collapse in">
                                <div class="portlet-body" >
                                   
                                <div class="portlet-body">
                                     
                                     <div class="table-responsive">
                                    <%-- <table class="table">--%>
                               <%-- </div>--%>
                                  <!-- gridview modulos -->

                                  <!-- End gridview modulos -->
                                                                             <%--</form>--%>
                                    <asp:GridView ID="gvListaDocentes" Width="100%" runat="server" 
                                        AutoGenerateColumns="False" CellPadding="4" GridLines="Horizontal" 
                                         BackColor="White" BorderColor="#336666" 
                                        BorderStyle="Double" BorderWidth="3px" >
                                        <Columns>
                                            <asp:BoundField DataField="documento" HeaderText="Documento" >
                                            <HeaderStyle HorizontalAlign="Center"/>
                                            </asp:BoundField>
                                            <asp:BoundField DataField="apellidos" HeaderText="Apellidos" />
                                            <asp:BoundField DataField="nombres" HeaderText="Nombres" />
                                            <asp:BoundField DataField="parametro1" HeaderText="Param 1" />
                                            <asp:BoundField DataField="parametro2" HeaderText="Param 2" />
                                            <asp:BoundField DataField="Parametro3" HeaderText="Param 3" />
                                            <asp:BoundField DataField="parametro4" HeaderText="Param 4" />
                                            <asp:BoundField DataField="examenFinal" HeaderText="Examen" />
                                            <asp:BoundField DataField="supletorio" HeaderText="Supletorio" />
                                            <asp:BoundField DataField="promedio" HeaderText="Promedio" />
                                            <asp:BoundField DataField="descripcion" HeaderText="Nivel" />
                                        </Columns>
                                        <FooterStyle BackColor="White" ForeColor="#333333" />
                                        <HeaderStyle BackColor="#336666" Font-Bold="True" ForeColor="White" />
                                        <PagerStyle BackColor="#336666" ForeColor="White" HorizontalAlign="Center" />
                                        <RowStyle BackColor="White" ForeColor="#333333" />
                                        <SelectedRowStyle BackColor="#339966" Font-Bold="True" ForeColor="White" />
                                        <SortedAscendingCellStyle BackColor="#F7F7F7" />
                                        <SortedAscendingHeaderStyle BackColor="#487575" />
                                        <SortedDescendingCellStyle BackColor="#E5E5E5" />
                                        <SortedDescendingHeaderStyle BackColor="#275353" />
                                    </asp:GridView>
                                        <%-- </table>--%>

                            </div>
                                    </div>
                                         <%--</form>--%>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- /.col-lg-12 -->
                    <!-- End Validation Examples -->
             </div>
                <!-- /.row -->
          
     </div>

</asp:Content>
